.tab-bar
{
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    bottom: 0;

    display: table;
    width: 100%;
    height: 50px;
    padding: 0;
    table-layout: fixed;

    border-top: 0;
    border-bottom: 0;
    background-color: #f7f7f7;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
            box-shadow: 0 0 1px rgba(0, 0, 0, .85);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.tab-bar .tab-item{
  display: table-cell;
  overflow: hidden;

  width: 1%;
  height: 50px;

  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;

  color: #929292;
}

.tab-bar .tab-item.active
{
    color: #007aff;
}
.tab-bar .tab-item .icon{
  position: relative;
  z-index: 20;
  top: 3px;

  width: 24px;
  height: 24px;
  font-size: 24px;
  padding-top: 0;
  padding-bottom: 0;
}

.tab-bar .tab-item .tab-label{
  font-size: 11px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
